<template>
  <div class="top">
      <div class="list" >
          <b>上新精选</b>
          <span>更多></span>
      </div>
      <div class="bbb">
        <div class="commodity" v-for="(v,i) in this.$store.state.newchoosestore.arr" :key="i">
                        <img :src="v.img" alt="">
                        <p>{{v.name}}</p> 
        </div>
       </div> 
        
  </div>
</template>

<script>
export default {
   
}
</script>

<style scoped> 
    .bbb{
        display: flex;
        overflow-x:auto
    }
    .top .list{
        display: flex;
        justify-content: space-between;
    }
    .commodity{
        display: flex;
        font-size:11px;
        flex-direction: column;
    }
    .commodity img{
        width: 93px;
        height: 95px;
    }
    .commodity p{
        font-size: 12px;
    }
    .top{
        display: flex;
        flex-direction: column;
    }
</style>